<template>
  <div>
    <WatermarkCanvas
      :watermarkText="watermarkText"
      :canvasWidth="287"
      :canvasHeight="513"
      :fontSize="20"
      :fontColor="'rgba(100, 100, 100, 0.2)'"
      :rotateDegree="-30"
    />
  </div>
</template>

<script lang="tsx" setup>
import WatermarkCanvas from '@/components/WatermarkCanvas/index.vue';
import { ref } from 'vue';
const watermarkText = ref('');
// 可配置参数如下
//   watermarkText,
//   canvasWidth,
//   canvasHeight,
//   fontSize,
//   fontColor,
//   rotateDegree,
//   gapX,
//   gapY,
//   backgroundColor,
</script>

<style lang="scss" scoped></style>
